<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui">

    <ui:composition>


        <h:form id="EspecialidadSecundariaCreateForm">
        
            <p:panel header="Estudios Secundarios" footer="Nota: Sobre la educacion secundaria ingrese el colegio donde haya culminado sus estudios" style="border: none; margin-top: -10px;" >
                <h:panelGroup id="display" style="width: 500px; height: 800px;">
                    #{especialidadSecundariaController.iniciaSelected()}
                    <h:panelGrid columns="4" 
                                 border="0" 
                                 cellpadding="5"
                                 columnClasses="column1Class, column2Class,column3Class, column4Class">
                        <p:outputLabel for="colegio" value="#{bundleEtiquetasES.Institucion}"  />
                        <p:selectOneMenu id="colegio"
                                         style="width: 270px;"
                                         value="#{especialidadSecundariaController.selected.colegio}"
                                         converter="colegioConverter"

                                         effect="fade" 
                                         var="t" 
                                         filter="true" 

                                         filterMatchMode="contains">
                            <f:selectItem itemLabel="Selecione..." noSelectionOption="true" />
                            <f:selectItems value="#{colegioController.itemsAvailableSelectOne}" 
                                           var="colegioItem"
                                           itemValue="#{colegioItem}" 
                                           itemLabel="#{colegioItem.nombre}"/>
                            <p:column>
                                <h:outputText value="#{t.nombre}" />
                            </p:column>
                            <f:converter binding="#{colegioConverter}"/>
                            <p:ajax event="change"
                                    update="otra"
                                    listener="#{especialidadSecundariaController.limpiarNombreColegio()}"/>
                        </p:selectOneMenu>
                        <p:outputLabel value="OTRA INSTITUCION:" 
                                       for="otra" />
                        <p:inputText id="otra" 
                                     styleClass="inputText" 
                                     value="#{especialidadSecundariaController.nombre}" 
                                     title="Otra institucion" 
                                     validatorMessage=""
                                     style="width: 270px;"

                                     onkeyup="value = value.toUpperCase()">
                            <p:ajax event="keyup"
                                    update="colegio"
                                    listener="#{especialidadSecundariaController.limpiarColegio()}"
                                    />
                        </p:inputText>
                        <p:outputLabel value="#{bundleEtiquetasES.Especialidad}" 
                                       for="especialidad" />
                        <p:inputText id="especialidad" 
                                     styleClass="inputText" 
                                     value="#{especialidadSecundariaController.selected.especialidad}"
                                     title="#{bundleEtiquetasES.Especialidad}"
                                     required="true" 
                                     style="width: 270px;"
                                     onkeyup="value = value.toUpperCase()"
                                     />

                        <p:outputLabel value="#{bundleEtiquetasES.AniosEstudio}" 
                                       for="aniosEstudios" />
                        <p:inputText id="aniosEstudios" 
                                     styleClass="inputText" 
                                     value="#{especialidadSecundariaController.selected.aniosEstudios}" 
                                     title="#{bundleEtiquetasES.AniosEstudio}" 
                                     validatorMessage=""
                                     style="width: 270px;"
                                     required="true"
                                     onkeyup="value = value.toUpperCase()"/>
                        <p:commandButton id="buttonSubir" 
                                         value="Cargar Certificado"
                                         onclick="dialogSubida.show();
                                                 return false;"/>
                        <p:inputText id="url" 
                                     disabled="true"
                                     style="width: 270px;"
                                     value="#{especialidadSecundariaController.selected.url}" 
                                     title="#{bundle.CreateReferenciaPersonalTitle_url}" />
                    </h:panelGrid>
                    <div style="margin-left: 50%; margin-bottom: 20px; margin-top: 30px;">
                        <p:commandButton actionListener="#{especialidadSecundariaController.guardarColegio}" 
                                         icon="ui-icon-disk"
                                         value="GUARDAR" ajax="false"/>
                        <p:commandButton actionListener="#{especialidadSecundariaController.eliminarColegio}" value="ELIMINAR"  icon="ui-icon-closethick" update="colegio, especialidad, aniosEstudios"/>
                    </div>
                </h:panelGroup>
            </p:panel>

        </h:form>
        <p:dialog widgetVar="dialogSubida" width="600" height="200" modal="true">
            <h:form id="SubirArchivoEspecilidadSecundaria" enctype="multipart/form-data">
                <p:fileUpload id="file" fileUploadListener="#{especialidadSecundariaController.subirArchivos}" 
                              mode="advanced" 
                              dragDropSupport="false"
                              label="Buscar Archivo"
                              update="messages,:#{p:component('url')}" 
                              sizeLimit="900000" 
                              
                              cancelLabel="Cancelar"
                              uploadLabel="Subir"
                              fileLimit="1" 
                              allowTypes="/(\.|\/)(png|jpg|pdf|doc|docx)$/" 
                              oncomplete="PF('dialogSubida').hide();"/>
                <p:growl id="messages" showDetail="true" />
            </h:form>
        </p:dialog>
    </ui:composition>
</html>
